<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片压缩</title>
		<link rel=apple-touch-icon href="img/favicon.ico" type=image/x-icon>
		<style>
			input{
				margin: 0;
				padding: 0;
			}
			img {
				width: 500px;
			}
			.curRange{
				display: inline-block;
				height: 21px;
				line-height: 21px;
				font-size: 16px;
				margin-left: 5px;
			}
		</style>
	</head>
	<body>
		<input id="file" type="file" accept="image/*" />
		</br>
		<input id="range" type="range" min="0" max="100" value="30"><span class="curRange"></span>
		</br>
		<span class="orgSize"></span>
		</br>
		<span class="outSize"></span>
		</br>
		<img id="imgData" src="" alt="">
		<script src="js/lrz/lrz.bundle.js"></script>
		<script src="js/index.js"></script>
	</body>
</html>

<!-- 

https://github.com/think2011/localResizeIMG/


参数

lrz(file, [options]);
file 通过 input:file 得到的文件，或者直接传入图片路径

[options] 这个参数允许忽略

width {Number} 图片最大不超过的宽度，默认为原图宽度，高度不设时会适应宽度。
height {Number} 同上
quality {Number} 图片压缩质量，取值 0 - 1，默认为0.7
fieldName {String} 后端接收的字段名，默认：file 


返回结果
返回值是一个promise对象

then(rst)

rst.formData 后端可处理的数据
rst.file 压缩后的file对象（默认已经丢在rst.formData有一份了），需要注意的是如果压缩率太低的话，这个会是原始的file对象
rst.fileLen 生成后的图片的大小，后端可以通过此值来校验是否传输完整
rst.base64 生成后的图片base64，后端可以处理此字符串为图片，也直接用于img.src = base64
rst.base64Len 生成后的base64的大小，后端可以通过此值来校验是否传输完整 (如果采用base64上传方式)
rst.origin 也就是原始的file对象，里面存了一些原始文件的信息，例如大小，日期等。
catch(err)

always()
 
 -->